@import "./variable.styl"
.detail_page_layer
  .header
    background $color-detail-page-header-background
    .header-content-box
      display flex
      width 100%
      margin 0 auto
      max-width 1162px
      padding-top 30px
      box-sizing border-box
      .header-left
        width 50%
        .title
          padding-bottom 2px
          font-weight 600
          font-size 28px
          color #2D323B
          letter-spacing 0
          overflow hidden
          text-overflow ellipsis
          white-space nowrap
        .desc
          // max-height 72px
          margin 20px 0
          font-size 14px
          color #6E6E6E
          line-height 24px
          box-sizing border-box
          // overflow hidden
          // text-overflow ellipsis
          // display -webkit-box
          // /*! autoprefixer: off */
          // -webkit-box-orient vertical
          // /* autoprefixer: on */
          // -webkit-line-clamp 3
          word-break break-all
      .header-right
        width 50%
        .action-box
          display flex
          justify-content flex-end
          align-items center
          .action
            height 17px
            line-height 17px
            span
              font-size 14px
              color #2D323B
              cursor pointer
              display inline-flex
              &:hover
                color #2196F3
            span:first-child
              margin-right 32px
        .project-env
          display flex
          justify-content flex-end
          padding-top 16px
          font-size 14px
          color #6E6E6E
          line-height 24px
          align-items center
          >span
            padding-left 19px
            display flex
            align-items center
            >img
              width 15px
              height 15px
              display inline-block
              margin-right 7px
              vertical-align top
    .nav-list
      width 100%
      position relative
      margin 0 auto
      max-width 1162px
      display flex
      .main-nav-list
        height 100%
        .main-nav-list-container
          display flex
          height 100%
          align-items flex-end
          .icon
            display inline-block
            width 24px
            height 50px
          li:first-child
            margin-left 0
          .nav-item
            padding 0 10px
            font-weight 600
            font-size 14px
            display flex
            color #666
            justify-content center
            align-items center
            cursor pointer
            position relative
            margin 0
            >a
              color #666
              text-decoration none
              cursor pointer
            >a:before
              content ''
              position absolute
              top 0
              right 0
              bottom 0
              left 0
          .link-item
            padding 0 15px
            height 44px
        .nav-item.active
          font-weight bold
          color #2d323b
          background #fff
          box-shadow 0 14px 0 -10px #f3c922 inset
          border-radius 5px 5px 0 0
    .nav-left
      width 70%
    .nav-right
      width 40%
      display flex
      align-items center
      justify-content flex-end
      .btn
        margin 0 0 0 10px
  .content
    width 100%
    position relative
    margin 0 auto
    max-width 1162px
    padding 20px 0
